﻿<!DOCTYPE HTML>
<html>

<head>
    <title>打印场地</title>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="./css/formlist.css" />
    <link rel="stylesheet" type="text/css" href="../css/comm.css" />
    <style>
        .aui-row {
            border-bottom:solid 1px #eee;
        }
        .aui-content {
            padding-bottom: 2.5rem;
        }
        .bottom_page {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            height: 2.2rem;
            background-color: #29ab91;
            z-index: 9999;
        }
        
        .page_common{
            position: fixed;
            height: 2.2rem;
            line-height: 2.2rem;
            bottom: 0;
            text-align: center;
            color:#fff;
            font-size: 0.8rem;
        }
        .page_pre {
            left: 0;
            width: 33%;
        }
        .page_next {
            right: 0;
            width: 33%;
        }
        .page_center {
            left: 33%;
            right: 33%;
            border-left: solid 1px #fff;
            border-right: solid 1px #fff;
            font-size: 0.9rem;
        }
        .aui-content {
            margin-bottom: 2.6rem;
        }
        .greycolor{
            color: #ccc;
        }
    </style>
</head>

<body>
    <div id="app">
        <section class="aui-grid fixed-top" style="height: 5rem;">
            <div class="aui-row">
                <div class="aui-col-xs-9">
                    <div class="aui-grid-label grey">小计：{{form.totalcount}}
                        <span style="margin-left: 1rem; color:#da7236;" v-on:click="do_select_all()">
                            <label style="line-height:1.3rem; padding-right:0.2rem;"><input class="aui-checkbox"
                                    type="checkbox" name="delete" v-bind:checked="isSelectAll"></label>全选</span>
                    </div>
                </div>
            </div>
            <ul class="aui-list">
                <li class="aui-list-item aui-list-item-arrow" v-on:click="do_select_my_company()">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label">
                            公司：
                        </div>
                        <div class="aui-list-item-input">
                            <input type="text" readonly="readonly" v-model="searchform.DeptName" placeholder="请选择" />
                        </div>
                    </div>
                </li>
                <li class="aui-list-item aui-list-item-arrow">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label">
                            楼栋：
                        </div>
                        <div class="aui-list-item-input" style="">
                            <select v-model="searchform.BuildingID" @change="do_choose_building()">
                              <option v-for="item in buildinglist" v-bind:value="item.id">{{item.title}}</option>
                            </select>
                        </div>
                    </div>
                </li>
            </ul>
        </section>
        <section id="main_refresh" class="aui-refresh-content" style="margin-top: 6.1rem;">
            <div class="aui-content">
                <div v-for="item in list" style=" position:relative;">
                    <div class="checkbtn" v-on:click="do_select_item(item)">
                        <label><input class="aui-checkbox" type="checkbox" name="delete"
                                v-bind:checked="item.ischecked"></label>
                    </div>
                    <ul class="aui-list aui-list-sub aui-form-list" v-on:click="do_select_item(item)">
                        <!--<li class="aui-list-item">
                            <div class="aui-list-item-inner">
                                <div class="aui-list-item-label">
                                    公司：
                                </div>
                                <div class="aui-list-item-input">
                                    {{item.DeptName}}
                                </div>
                            </div>
                        </li>
                        <li class="aui-list-item">
                            <div class="aui-list-item-inner">
                                <div class="aui-list-item-label">
                                    楼栋：
                                </div>
                                <div class="aui-list-item-input">
                                    {{item.BuildingName}}
                                </div>
                            </div>
                        </li>-->
                        <li class="aui-list-item">
                            <div class="aui-list-item-inner">
                                <div class="aui-list-item-label">
                                    楼层：
                                </div>
                                <div class="aui-list-item-input">
                                    {{item.FloorName}}
                                </div>
                            </div>
                        </li>
                        <li class="aui-list-item">
                            <div class="aui-list-item-inner">
                                <div class="aui-list-item-label">
                                    场地名称：
                                </div>
                                <div class="aui-list-item-input">
                                    {{item.RoomName}} - {{item.Comment}}
                                </div>
                            </div>
                        </li>
                        <li class="aui-list-item" v-if="canprintzc">
                            <div class="aui-list-item-inner">
                                <div class="aui-list-item-label">
                                    打印次数：
                                </div>
                                <div class="aui-list-item-input">
                                    {{item.PrintCount}}
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="bottom_page">
                <div class="page_common page_pre" @click="goPre()" v-if="form.pageindex>1">
                    上一页
                </div>
                <div class="page_common page_pre greycolor" v-else>
                    上一页
                </div>
                <div class="page_common page_center">
                    {{form.pageindex}}/{{form.totalPage}}
                </div>
                <div class="page_common page_next" @click="goNext()" v-if="form.pageindex<form.totalPage">
                    下一页
                </div>
                <div class="page_common page_next greycolor" v-else>
                    下一页
                </div>
            </div>
        </section>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript" src="../script/config.js "></script>
<script type="text/javascript" src="../script/common.js "></script>
<script type="text/javascript" src="js/printlocationlist.js "></script>

</html>